すごくすごい。フロントエンドミートアップ 〜複雑GUI・アーキテクチャ設計を語ろう〜
https://gyazo.com/ceee59aabd8990b74806115c1c6fc4e2
AI疲れに効く、フロントエンドのワークフロー整備
守りの仕組み
TypeScript
ESLint、Stylelint
Prettier
pre-commit
自動テスト
Unit,インテグレーションテスト
フィーチャーフラグ
守りの高速化
変更があったプロジェクトと依存関係のあるプロジェクトのみをCIの対象にする
CI環境の最適化
動的な切り替えができないのでNxを使ってプロジェクト数を取得して変更している
なぜ捨てたのか
ビジネス的な背景
フレームワークが競合になりうる
ただそこに乗ってると世界一早いアーキテクチャにはなれない
vite-pwa/nuxt を用いた、PWA実装のリアル TAP
キャッシュ・ネットワーク戦略
ネットワークファースト採用
workbox.runtimeCaching
Push通知
generateSWを生成していた
injectManifestで独自実装してみる
sw.ts
ネットワーク戦略
workboxライブラリを扱う
precacheAndRoute
registrerRoute
Push通知
firabese/messaging/sw
XBRL
/taxonomyのファイルが多い
不要そうなタグが多い